/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
var emo;
var iduf;
var user;

$(document).on("ready", main);

function main() {
    if (document.getElementById("idpage") !== "r")
    {
        recupera_sesion();
    }
    recupera_ui();
}

function recupera_sesion() {
    if (typeof(Storage) !== "undefined")
    {
        // Yes! localStorage and sessionStorage support!
        // Some code.....
        emo = sessionStorage.emo;
        //alert(emo);
        if (emo !== null) {
            muestra_emo();
        }
        else {
            alert("La sesión expiró");
        }
    }
    else
    {
        // Sorry! No web storage support..
        alert("Navegador no soportado");
    }
}

function recupera_ui() {
    var idp;
    if (typeof(Storage) !== "undefined")
    {
        //alert("NRP");
        // Yes! localStorage and sessionStorage support!
        // Some code.....
        iduf = JSON.parse(sessionStorage.ui);
        //console.log(iduf[0]);
        if (iduf !== null) {
            $(".header_r").append("<img src='https://graph.facebook.com/" + iduf[0] + "/picture' name='User_pic' id='user_pic'/>");
            $(".header").append("<h1 style='display: inline'>" + iduf[1] + "</h1>");
            idp = $("#idpage").val();
            //alert(idp);
            if (idp === "rp")
            {
                clear();
                //alert("RP");
                user = iduf[0];
                muestraResultados(user);
            }
            if (idp === "ru") {
                resultUser(emo);
            }
        }
        else {
            alert("La sesión expiró");
        }
    }
    else
    {
        // Sorry! No web storage support..
        alert("Navegador no soportado");
    }
}

function muestraResultados(iduf) {
    $.ajax({
        type: 'POST',
        url: './Resultados',
        data: {user: iduf, emo: emo},
        dataType: 'html',
        error: function(error) {
            alert('Error en la petición ajax' + error);
        },
        success: function(data) {
            $(".pub_a").append(data);
        }
    });
}

function muestra_emo() {
    if (emo === "Alegría") {
        alegria();
    }
    if (emo === "Tristeza") {
        tristeza();
    }
    if (emo === "Enojo") {
        enojo();
    }
    if (emo === "Ambiguedad") {
        ambi();
    }
}

function alegria() {
    var idp = $("#idpage").val();
    $(".tristeza").css("display", "none");
    $(".enojo").css("display", "none");
    $(".ambiguo").css("display", "none");
    $(".alegria").css("display", "block");
    if (idp === "rp") {
        clearp();
        muestraResultados(user);
    }
    if (idp === "ru") {
        resultUser(emo);
    }
}

function tristeza() {
    var idp = $("#idpage").val();
    $(".tristeza").css("display", "block");
    $(".enojo").css("display", "none");
    $(".ambiguo").css("display", "none");
    $(".alegria").css("display", "none");
    clear();
    if (idp === "rp") {
        clearp();
        muestraResultados(user);
    }
    if (idp === "ru") {
        clearu();
        resultUser(emo);
    }
}

function enojo() {
    var idp = $("#idpage").val();
    $(".tristeza").css("display", "none");
    $(".enojo").css("display", "block");
    $(".ambiguo").css("display", "none");
    $(".alegria").css("display", "none");
    clear();
    if (idp === "rp") {
        clearp();
        muestraResultados(user);
    }
    if (idp === "ru") {
        clearu();
        resultUser(emo);
    }
}

function ambi() {
    var idp = $("#idpage").val();
    $(".tristeza").css("display", "none");
    $(".enojo").css("display", "none");
    $(".ambiguo").css("display", "block");
    $(".alegria").css("display", "none");
    clear();
    if (idp === "rp") {
        clearp();
        muestraResultados(user);
    }
    if (idp === "ru") {
        clearu();
        resultUser(emo);
    }
}

function clearp() {
    $(".pub_a").empty();
}

function clearu() {
    $(".form_lista_usuarios").empty();
}

function resultUser(emo) {
    $.ajax({
        type: 'POST',
        url: './ResultadosU',
        data: {emo: emo},
        dataType: 'html',
        error: function(error) {
            alert('Error en la petición ajax' + error);
        },
        success: function(data) {
            $(".form_lista_usuarios").append(data);
        }
    });
}